import styled, { createGlobalStyle } from "styled-components";

export const GlobalStyle = createGlobalStyle`
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    img{
        max-width:100%;
    }

    a,a:visited,a:link,a:active{text-decoration:none;color:inherit;cursor:pointer;}

    @font-face {font-family: "jianfont";
        src: url('./asset/fonts/iconfont.eot?t=1564369495327'); /* IE9 */
        src: url('./asset/fonts/iconfont.eot?t=1564369495327#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS0AAsAAAAACXQAAARmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFZIR/ATYCJAMYCw4ABCAFhG0HXBs5CMgOJSFBoQBgAABgPDzt1+/cmXnz35/dj5hH1WQaIp7xUMQyREIhNCjVJUPdv97NHtnqpvVQ0VRUTh05MWRDg4UJufZc/irAiYh9ifHD/UwXhRtYPvs2l64wHA2368AqTS+Q4wPRcwC7W/bZBJpFsskOdu6pAB+FvlEgrvIGDfgkdEoFJfTKWrBnEU/AU5/uUpcAPPZ+Pv5CYfiQdJm+5YnznfRQ/8Pv7XQ02T3ZUAcF/OEsYPcjYwNQiDuFtmtQENsAafJf8HAIGOol5Yffm/A30W9K3053u0mIdFcYGjGytK1/vI6oSNkQ+CPxjh9+FkLmRzhC4kc0QvCjFKHwc7pOB1UdsHEK8A4gtgC/wZakZxUuU6aH+ekXnZJ9+pmDoIbnXG9zhqudjjCVo5VRtLbJhzqd4UOS2oGt2WOHj1Mdvau+c0d165bi9m3lvLt1yrbwLKeWpdy9q7bfumXKl96tMz5UjYxwMArZgBp63vAc4eXr1TWB+JyfApvoQYMdcXhRxEDNQXoeQIv2Cs+9IpuiVk/Bc6uVu9bB5PX0vJMy2e2AXddiPBZfLwncezPec8mNYa51OODehihZYEzqnm2kA++vj1QokMMxt5WhVI53slzZNpZ4SvTcS6a2m5qUqWbSC21lBc1Mljo0o50FJ91OuuBi0tsLpe2nMhccTLUH+9m3ESpf4E2bJmU3QYe86OrVRWghIiWIYeNIC1HHxuwfmzbnr29acE6YRK1fT00y2FBPQmBDghg2ysH91oUuXEAuig2O3RalrZpF7d5NQTyL4kBEHaEMBpx6ugBanyZ39aKWvHUEB9Mfq6S8QDV1HRzjulxP73idBLi1He4Ya/soqfZavvaux59au3S6PE/muS9XyFDx/sPoHvWVr4arpYuR8j9RKd9T4qDgeVTxchfN0a7l3iLvC56X5MXyS55FTw0FUIuefB5AqvDliMu4yq9uYtzM9QmupgibQ9qNpz9I+oCywOge2owYQL5IvQMYufMxBIzeoMko6s/6Hf8XL983IrD6nw9dwGv9NLXnHd3zgGF4v4dcY/5/xG84VhShrq9F6m7VCVQ7Y5+R0DT8Pa5pngylmNm4kNCbGUEyZiFkvRXogt8AnYGNUPX2QLNel/0HphMhUcaxzgwCwhRbIZnkJWRTXEYX/GPozPIZqimBoDkXoUccWBU87iASjUT0rHYMy+sEK2fGJGzkNX5xf2IYZdaIcaFHVRHRzgfZgtz8dLILsRJxiG3sjYZCSeJYThQsbGfifMRsFlibKBiJTsptkCRbZV4eV3RHuTrBAtgBIkJDQuixtMZg8XQEVpwzX4JdxtNkvr8/wmAUMw2xoqvMqkKI7PjZWQVy5TdAd5FZG3VdynK7RgaFJBKOWo8jEliwOsNCmI2YgGUrXs2I0JHkaugQsamUR07jmspyN6mw3GUJ9KFfQ40UOUp0UWNMu054La8RJL4AcxqrQa8x8g4Zj20gaaxZxEq103idqTcnBwAAAA==') format('woff2'),
        url('./asset/fonts/iconfont.woff?t=1564369495327') format('woff'),
        url('./asset/fonts/iconfont.ttf?t=1564369495327') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('./asset/fonts/iconfont.svg?t=1564369495327#jianfont') format('svg'); /* iOS 4.1- */
    }

    .jianfont {
        font-family: "jianfont" !important;
        font-size: 20px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: bold; margin-right: 2px;
        vertical-align: middle;
    }


`;

export const GlobalContainer = styled.div`
    .header{
        border-bottom: 1px solid #f0f0f0;
        .widthLimit{
            min-width: 768px; max-width: 1440px; margin: 0 auto;
        }
    }
`;